<template>
    <nuxt-icon
     :name="name"
     :fill="isDark ? darkFill : lightFill"
     :class="className"
   />
</template>

<script setup lang="ts">
    const colorMode = useColorMode()

    defineProps<{
        name:string; // svg 路径
        lightFill?:string; // 亮色模式填充
        darkFill?:string; // 暗色模式填充
        className?:string; // 图片样式
    }>()

    // 判断是否暗色模式
    const isDark = colorMode.preference === 'dark'
</script>

<style scoped>
 .nuxt-icon svg{
   width:auto;
   height:auto;
   margin-bottom: 0;
 }
</style>